﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="VolunteeringDetails.aspx.cs" Inherits="AB.ServiceDirectory.Design.Premises.VolunteeringDetails" %>
<%@ Register TagPrefix="wuc" TagName="DialogBox" Src="~/WebUserControls/DialogBox.ascx" %>
<%@ Register TagPrefix="wuc" TagName="ContactLookupPopup" Src="~/WebUserControls/Lookup/ContactLookupUserControl.ascx" %>
<asp:Content ID="head" ContentPlaceHolderID="head" runat="server">
    <script src="../js/jquery.ui/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#tabs").tabs();
            $(".startExpected").datepicker({ dateFormat: 'dd/mm/yy' });
            $(".startDate").datepicker({ dateFormat: 'dd/mm/yy' });
            $(".endDate").datepicker({ dateFormat: 'dd/mm/yy' });
        });

        function set_service_extendable() {
            if (!$('#CheckBoxServiceExtendable').attr('checked')) {
                $('input[id=TextBoxExtendableYears]').attr('disabled', 'disabled').addClass('st-disable');
                $('input[id=TextBoxExtendableMonths]').attr('disabled', 'disabled').addClass('st-disable');
            } else {
                $('input[id=TextBoxExtendableYears]').removeAttr('disable').removeClass('st-disable');
                $('input[id=TextBoxExtendableMonths]').removeAttr('disabled').removeClass('st-disable');
            }
        }

        function set_time_limited() {
            if (!$('#CheckBoxTimeLimited').attr('checked')) {
                $('input[id=TextBoxLimitedYears]').attr('disabled', 'disabled').addClass('st-disable');
                $('input[id=TextBoxLimitedMonths]').attr('disabled', 'disabled').addClass('st-disable');
            } else {
                $('input[id=TextBoxLimitedYears]').removeAttr('disable').removeClass('st-disable');
                $('input[id=TextBoxLimitedMonths]').removeAttr('disabled').removeClass('st-disable');
            }
        }
        function confirm_inactive() {
            return confirm('Do you want to make this Volunteering active ?');
        }
    </script>
    <link href="../style/AnhPopup.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="ContentTitle" ContentPlaceHolderID="ContentTitle" runat="server">
    <h2>Volunteering Opportunity Details</h2>
</asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="Content" runat="server">
    <div class="grid740 simplebox relative">
        <wuc:DialogBox ID="DialogBox" runat="server" />
        <asp:ValidationSummary ID="ValidationSummary" runat="server" CssClass="albox warningbox" />
        <div id="tabs">
            <ul>
                <li><asp:HyperLink ID="LinkDetails01" NavigateUrl="#DetailsPanel01" runat="server">Details</asp:HyperLink></li>
            </ul>
            <span class="top-right-cornor">
                <asp:Button CssClass="st-button" ID="ButtonInactive" runat="server" 
                Text="In-active" CausesValidation="False"
                    Visible="True" OnClientClick="return confirm_inactive()" />
                <asp:Button CssClass="st-button" ID="ButtonSave" runat="server" Text="Save" CommandName="new" />
                <asp:Button CssClass="st-button" ID="ButtonBack" runat="server" Text="Back" PostBackUrl="~/Services/ServiceList.aspx"
                    CausesValidation="False" />
            </span>

            <!--DETAILS PANEL 01-->
            <asp:Panel ID="DetailsPanel01" ClientIDMode="Static" runat="server">
                <!--LINE 1: Contact Name -->
                <div class="st-form-line-noleft">
                    <div class="half">
                        <asp:Label ID="Label1" runat="server" Text="Volunteering Contact" 
                            CssClass="st-labeltext level1 required" />
                        <asp:TextBox ID="TextBoxLeadContact" runat="server" Width="150px" CssClass="st-forminput" 
                            ReadOnly="True"/>
                            <asp:LinkButton ID="ButtonContactLookup" runat="server" CssClass="hg-blue" Text="Lookup" CausesValidation="False"
                                            OnCommand="ButtonLookup_Command" CommandName="contact" />
                                    <wuc:ContactLookupPopup ID="ContactLookupPopup" runat="server" TextBoxResultId="TextBoxLeadContact"
                                    HiddenFieldResultId="HiddenFieldContactId" MaximumRows="5" />
                    </div>
                    <div class="half last"></div>
                    <div class="clear"></div>
                </div>            

                <!--LINE 2: Volunteer Purpose -->
                <div class="st-form-line-noleft">
                    <div class="half">
                        <asp:Label ID="Label3" runat="server" Text="Volunteer Purpose" 
                            CssClass="st-labeltext level1" />
                        <asp:TextBox ID="TextBox3" runat="server" Width="210px" CssClass="st-forminput" TextMode="MultiLine" Rows="3"/>
                        <div class="clear"></div>
                        <br/>
                    </div>
                    <div class="half last">                       
                    </div>
                    <div class="clear"></div>
                </div>

                <!--LINE 3: Volunteering Opportunity Details-->
                <div class="st-form-line-noleft">
                    <div class="half">
                        <asp:Label ID="Label4" runat="server" Text="Volunteering Opportunity Details" 
                            CssClass="st-labeltext level1" />
                        <asp:TextBox ID="TextBox4" runat="server" Width="210px" CssClass="st-forminput" TextMode="MultiLine" Rows="3"/>
                        <div class="clear"></div>
                        <br/>
                    </div>
                    <div class="half last">
                    </div>
                    <div class="clear"></div>
                </div>
                
                <!--LINE 4: Start Date-->
                <div class="st-form-line-noleft">
                    <div class="half">
                        <div class="clear"></div>
                        <br/>
                        <asp:Label ID="Label31" runat="server" Text="Start Date" 
                            CssClass="st-labeltext level1" />
                        <asp:TextBox ID="TextBoxStartExpected" 
                            CssClass="inputDate datepicker-input datepicker startExpected"
                            runat="server" Width="210px" Text="" ></asp:TextBox>
                    </div>
                    <div class="half last"></div>
                    <div class="clear"></div>
                </div>
                
                <!--LINE 5: End Date-->
                <div class="st-form-line-noleft">
                    <div class="half">
                        <div class="clear"></div>
                        <br/>
                        <asp:Label ID="Label2" runat="server" Text="End Date" 
                            CssClass="st-labeltext level1" />
                        <asp:TextBox ID="TextBox2" 
                            CssClass="inputDate datepicker-input datepicker startExpected"
                            runat="server" Width="210px" Text="" ></asp:TextBox>
                    </div>
                    <div class="half last"></div>
                    <div class="clear"></div>
                </div>

                <!--LINE 6: Volunteer Nos-->
                <div class="st-form-line-noleft">
                    <div class="half">
                        <asp:Label ID="Label8" runat="server" Text="Volunteer Nos" 
                            CssClass="st-labeltext level1" />
                        <asp:TextBox ID="TextBox8" runat="server" Width="210px" CssClass="st-forminput"/>
                    </div>
                    <div class="half last"></div>
                    <div class="clear"></div>
                </div>
            </asp:Panel>

        </div>
    </div>
</asp:Content>

